﻿@model IEnumerable<ExcellOnServices.Models.Service>

@{
	ViewBag.Title = "Our Services";
	ViewBag.Active = "Services";
}

<!-- .content -->
<div class="content content-info">
	<div class="container">
		<div class="page-header">
			<h1 id="overview">Our Services <small>The most blah blah business packages you can get</small></h1>
		</div>

		<p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras aliquet vulputate pharetra. Nullam sit amet tellus sagittis, aliquam nisi id, rhoncus velit.</p>

		<div class="row" style="width: 95%; margin: 0px auto;">
				@foreach (var item in Model) {
					<div class="col-md-4 box-package">
						<div class="panel">
							<div class="panel-heading">@Html.DisplayFor(modelItem => item.Name)</div>
							<div class="panel-body text-center">
								<img src="@item.ImageUrl" class="img-rounded" />
								<p>Starting from</p>
								<h3><b>@Html.DisplayFor(modelItem => item.Price)/Day</b></h3>
								<a class="btn-red" href="@Url.Action("Index", "Register", null)" style="width:160px">Sign Up Now</a>
							</div>

							<!-- List group -->
							<ul class="list-group">
								<li class="list-group-item">@Html.DisplayFor(modelItem => item.Description)</li>
								@*<li class="list-group-item"><span class="glyphicon glyphicon-ok"></span>&nbsp;&nbsp;Cras justo odio</li>
								<li class="list-group-item"><span class="glyphicon glyphicon-ok"></span>&nbsp;&nbsp;Dapibus ac facilisis in</li>
								<li class="list-group-item"><span class="glyphicon glyphicon-ok"></span>&nbsp;&nbsp;Morbi leo risus</li>
								<li class="list-group-item"><span class="glyphicon glyphicon-ok"></span>&nbsp;&nbsp;Porta ac consectetur ac</li>
								<li class="list-group-item"><span class="glyphicon glyphicon-ok"></span>&nbsp;&nbsp;Vestibulum at eros</li>*@
							</ul>
						</div>
					</div>
				}
		</div>
	</div>
</div>
